<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>使用jQuery禁止按钮</title>
		<script src="js/jquery.min.js"></script>
	</head>
	<body>
		<button id="zfb" onclick="pay()">支付宝</button>
		<button id="wx" onclick="pay()">微信</button>
	</body>
	<script>
		//直接写在标签上的事件-前期绑定事件(静态)
		//点击按钮操作,禁止按钮,修改按钮内容
		// function pay(){
		// 	禁止按钮--先拿到按钮,再重设属性
			// $("#zfb").prop("disabled",true)//jQuery规范:对象prop属性,支持true/false
		// }
		//jQuery后期绑定事件,会覆盖前期绑定的事件(动态)
		$("#zfb").click(function(){
			//js代码 代表对象自身jQuery$(this)
			$(this).prop("disabled",true);
			$(this).text("支付宝已支付,请稍后...");
		}); //参数是一个匿名函数
		
		$("#wx").click(function(){
			$(this).prop("disabled",true).text("微信已支付,请稍后...");//链式编程
		});
	</script>
</html>
